<template>
  <div id="app">
    <!--  头部  -->
    <Header/>
    <!--  主体路由视图组件部分  -->
    <router-view/>
    <!--  底部   -->
    <Footer v-show="!$route.meta.isFooterHide"/>
  </div>
</template>

<script>
//第一步:引入组件
import Header from './components/Header';
import Footer from './components/Footer'
//暴露一个对象 第二步:注册组件  第三步:使用组件
export default {
  name: 'App',
  components: {
    Header, Footer
  }
}
</script>

<style>

</style>
<!--
router-view router-view router-view router-view router-view router-view router-view router-view router-view router-view
router-view router-view router-view router-view router-view router-view router-view router-view router-view router-view
router-view router-view router-view router-view router-view router-view router-view router-view router-view router-view

routes routes routes routes routes routes routes routes routes routes
routes routes routes routes routes routes routes routes routes routes
routes routes routes routes routes routes routes routes routes routes
 router-view
 router-view

-->
